<!DOCTYPE html>
<html lang="en"> 
<head>
	<meta charset="UTF-8">
	<title>服务帮助</title>
	<link rel="stylesheet" type="text/css" href="css/public.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<script type="text/javascript" src='js/jquery.min.js'></script>
	<script type="text/javascript" src='js/com.js'></script>
</head>
<body>
	<!-- 左侧的浮框 -->
	<div class="floating_box" id="floating_box">
		<div class="tops_img1"></div>
		<div class="centers">
			<ul>
				<li ><a href="index.html">首页</a></li>
				<li ><a href="excellentcase.html">优秀案例</a></li>
				<li><a href="aboutus.html">关于我们</a></li>
				<li><a href="contactus.html">联系我们</a></li>
				<li class="selected"><a href="servicehelp.html">帮助服务</a></li>
				<li id="tops"><a href="javascript:;">返回顶部</a></li>
			</ul>
		</div>
		<div class="tops_img2"></div>
	</div>
	<!-- 右侧的小人 -->
	<div class="people_cens" id="people_cens">
		<div class="people_cens_tops"><a href="javascript:;"><img src="images/a28.png"></a></div>
		<div class="people_cens_boms"><a href="javascript:;"><img src="images/a29.png"></a></div>
	</div>
	<!-- 内容页面 -->
	<div class="yf_banners2">
		<div class="yf_banners2_cens">
			<div class="li_banner2_nav li_banner2_nav_margin">
				<div class="li-case-logoml fr clearfix" id="logoms">
					<div class="li-case-nav fl" id="navs"> 
						<ul class="clearfix">
							<li ><a href="index.html">首页</a></li>
							<li><a href="excellentcase.html">优秀案例</a></li>
							<li><a href="aboutus.html">关于我们</a></li>
							<li><a href="contactus.html">联系我们</a></li>
							<li  class="li-case-on"><a href="servicehelp.html">帮助服务</a></li>
						</ul>
					</div>
					<div class="li-case-logom fl" id="imgs"><img src="images/pic15.png" alt=""></div>
				</div>
			</div>
			<div class="yf_banners2_imgs"><img src="images/a54.png"></div>
		</div>
	</div>
	<div class="yf_services">
		<ul class="clearfix">
			<li>
				<a href="javascript:;">
					<div class="logos1 logos2"><span></span></div>
					<div class="services_txt">
						<h2><span>网站设计与开发</span></h2>
						<p><span>品牌网站设计开发</span></p>
						<p><span>展示营销网站</span></p>
						<p><span>电子商务网站</span></p>
						<p><span>手机网站/响应式网站</span></p>
						<p><span>前端开发与测试</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<div class="logos1"><span></span></div>
					<div class="services_txt">
						<h2><span>网站设计与开发</span></h2>
						<p><span>品牌网站设计开发</span></p>
						<p><span>展示营销网站</span></p>
						<p><span>电子商务网站</span></p>
						<p><span>手机网站/响应式网站</span></p>
						<p><span>前端开发与测试</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<div class="logos1"><span></span></div>
					<div class="services_txt">
						<h2><span>网站设计与开发</span></h2>
						<p><span>品牌网站设计开发</span></p>
						<p><span>展示营销网站</span></p>
						<p><span>电子商务网站</span></p>
						<p><span>手机网站/响应式网站</span></p>
						<p><span>前端开发与测试</span></p>
					</div>
				</a>
			</li>
		</ul>
	</div>
	<div class="programmes">
		<h1><span>解决方案</span></h1>
		<ul class="clearfix">
			<li>
				<div class="lists1">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a36.png"></dt>
							<dd>
								<h2><span>移动产品设计解决方案</span></h2>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a36.png"></dt>
							<dd>
								<h2><span>移动产品设计解决方案</span></h2>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a36.png"></dt>
							<dd>
								<h2><span>移动产品设计解决方案</span></h2>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a36.png"></dt>
							<dd class="yellows">
								<h2><span>移动产品设计解决方案</span></h2>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1 lists2">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a39.png"></dt>
							<dd class="yellows">
								<h2><span>移动产品设计解决方案</span></h2>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1 lists3">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a40.png"></dt>
							<dd  class="opactys">
								<h2><span>移动产品设计解决方案</span></h2>
								<h3><span>移动产品设计解决方案</span></h3>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1 lists3">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a40.png"></dt>
							<dd class="opactys">
								<h2><span>移动产品设计解决方案</span></h2>
								<h3><span>移动产品设计解决方案</span></h3>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
			<li>
				<div class="lists1 lists3">
					<a href="javascript:;">
						<dl>
							<dt><img src="images/a40.png"></dt>
							<dd  class="opactys">
								<h2><span>移动产品设计解决方案</span></h2>
								<h3><span>移动产品设计解决方案</span></h3>
								<p>
								<span>
									供基于IOS和Android系统的移动APP应用设计，提供移动产品全方位设计解决方案，满足客户对品牌及产品全方位展示，终端互动等各方面需求。
								</span>
								</p>
							</dd>
						</dl>
					</a>
				</div>
			</li>
		</ul>
	</div>
	<div class="yf_mouses clearfix " id="mouses">
		<div class="lefts1">
			<a href="#">
				<p><span>我们的优势</span></p>
				<p><em><img src="images/a41.png"></em></p>
			</a>
		</div>
		<div class="rights2">
			<ul class="clearfix">
				<li>
					<a href="#">
						<dl>
							<dt>
								<img src="images/a37.png">
								<div class="dt_backs"><span>专注及品质追求</span></div>
							</dt>
							<dd>
								<p>
									<span>从创始至今，我们的业务方向始终不变，专注做好一件事才能更好的追求高品质，这也是天氏传媒存在的价值。在未来我们也是基于此信念而继续创造。</span>
								</p>
							</dd>
						</dl>
					</a>
				</li>
				<li>
					<a href="#">
						<dl>
							<dt>
								<img src="images/a37.png">
								<div class="dt_backs"><span>专注及品质追求</span></div>
							</dt>
							<dd>
								<p>
									<span>从创始至今，我们的业务方向始终不变，专注做好一件事才能更好的追求高品质，这也是天氏传媒存在的价值。在未来我们也是基于此信念而继续创造。</span>
								</p>
							</dd>
						</dl>
					</a>
				</li>
				<li>
					<a href="#">
						<dl>
							<dt>
								<img src="images/a37.png">
								<div class="dt_backs"><span>专注及品质追求</span></div>
							</dt>
							<dd>
								<p>
									<span>从创始至今，我们的业务方向始终不变，专注做好一件事才能更好的追求高品质，这也是天氏传媒存在的价值。在未来我们也是基于此信念而继续创造。</span>
								</p>
							</dd>
						</dl>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footers" id="footers">
		<div class="footers_cens">
			<ul class="clearfix new_had">
				<li><a href="index.html"><span>首页</span></a></li>
				<li><a href="excellentcase.html"><span>优秀案例</span></a></li>
				<li><a href="aboutus.html"><span>关于我们</span></a></li>
				<li><a href="contactus.html"><span>联系我们</span></a></li>
				<li><a href="servicehelp.html"><span>帮助服务</span></a></li>
			</ul>
			<div class="share_tos">
				<ul class="clearfix">
					<li><span>分享到：</span></li>
					<li><a href="javascript:;"  class="jiathis_button_tsina"><img src="images/a56.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_xiaoyou"><img src="images/a57.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_weixin"><img src="images/a58.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_email"><img src="images/a59.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_cqq"><img src="images/a60.png"></a></li>
					<li><a href="javascript:;"  class="jiathis_button_qzone"><img src="images/a61.png"></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footers_back" id="footers_back"><span><em>&copy;</em>2016.7.06</span></div>
	<!-- 底部end -->
	<!-- 分享到的代码 -->
	<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=" charset="utf-8"></script>
	<!-- 分享到的代码 END -->
	<script type="text/javascript">
		$(function(){

			var mouses = $('#mouses');
			mouses.mouseover(function() {
				$(this).find('.lefts1').hide();
				$(this).find('.rights2').stop(true,false).animate({left:0,width:1000},300)
				$(this).find('.dt_backs').addClass('dt_backs11')
				$(this).find('li').eq(1).stop(true,false).animate({left:363},300)
				$(this).find('li').eq(2).stop(true,false).animate({left:730},300)
			});
			mouses.mouseleave(function() {
				$(this).find('.lefts1').show();
				$(this).find('.dt_backs').removeClass('dt_backs11')
				$(this).find('.rights2').stop(true,false).animate({left:170,width:830},300)
				$(this).find('li').eq(1).stop(true,false).animate({left:280})
				$(this).find('li').eq(2).stop(true,false).animate({left:560})
			});
			// 鼠标经过菜单切换
			var imgs = $('#imgs');
			var navs = $('#navs');
			var logoms =$('#logoms');

			logoms.on('mouseover',function(){
				navs.stop().animate({ left:0 });
				imgs.stop().animate({ opacity:0 });
			})
			logoms.on('mouseout',function(){
				navs.stop().animate({ left:615 });
				imgs.stop().animate({ opacity:1 });
			})

		})
	</script>
</body>
</html>